﻿/*
 *全局样式设置
 *
 */

html, table, td, tr, h1, h2, h3, h4, h5, h6, p , dl, dt, dd, div, section, header, footer, body, ul, li, ol, ul {
	margin: 0;
	padding: 0;
}
body {
	font: 100%/1.6 Microsoft Yahei, tahoma,arial,sans-serif;
}
section {
	box-sizing: border-box;
}
.mirror {
	width: 100%;
	height: 100%;
	top: 0;
	position: fixed;
	z-index: 10;
	display: none;
	background: #000;
	opacity: .3;
}
li {
	list-style: none;
}

body a {
	text-decoration: none;
	color: #000;
	display: inline-block;
}
body a:hover {
	text-decoration: none;
}
input {
	border: 1px solid #eee;
	background: #fff;
	outline: none;
}
button {
	border: 1px solid #eee;
	background: #eee;
	outline: none;
}
html body button {
	outline: none;
}
i, em {
	font-style: normal;
	display: inline-block;
}
.error {
	font-size: .74em;
	color: red;
}

/*header*/
header .header_main .logo {
	background: url(../images/pgzhe.png) 20px 8px no-repeat;
	vertical-align: middle;
	width: 150px;
	height: 60px;
}
header {
	background: #fff;
	height: 60px;
	border-bottom: 1px solid #ddd;
}
header h1 a {
    text-indent: -99999px;
    width: 100%;
    height: 60px;
    display: block;
}
header .header_main a {
	font-size: 1.6rem;
}
header .menu {
	display: none;
}
header .search {
	display: none;
}
header .user_menu {
	width: 180px;
	background: #fff;
}
header .user_menu dd {
	vertical-align: middle;
}
header .search button {
	background: url(../images/Search.png) 0px 8px no-repeat;
	width: 30px;
	height: 25px;
	position: absolute;
	right: 0;
	border: none;
}
header .user_menu img {
	width: 50px;
	height: 50px;
}
header .user_menu {
	position: absolute;
	right: 33px;
    top: 57px;
}
header p.user_face {
	display: none;
}
header .user_face a {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
}
header .more {
	position: absolute;
	right: 20px;
	top: 10px;
	width: 63px;
    height: 35px;
	background: url(../images/header_moer.png) no-repeat;
}
header .user_center {
	display: none;
}
header .menu_wrap dt, header .menu_wrap dd {
	display: table-cell;
}
header .menu_wrap dl {
	padding: 15px;
	border-bottom: 1px solid #ddd;
}
header .menu_wrap dl dd {
	padding-left: 20px;
	font-weight: bold;
}
header .sub_menu li:first-child a {
	border: none;
}
header .sub_menu li a {
	border-top: 1px solid #eee;
	width: 100%;
	padding: 8px 0;
	color: #555;
}
header .sub_menu li {
	padding: 0 10px;
	background: #f9f8f6;
	
}
header .user_menu {
	border-radius: 4px;
	z-index: 11;
}
header .menu_wrap {
	text-align: left;
	border: 1px solid #ddd;
	border-radius: 4px;
}
header .angle {
	width: 10px;
	height: 10px;
	background: #fff;
	position: absolute;
	top: -5px;
    right: 22px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.hide_ {
	visibility: hidden;
}
.show_ {
	visibility: visible;
}
header .user_action {
	padding: 10px;
}
header .login_before {
	display: none;
	position: absolute;
	right: 30px;
	top: 17px;
}
/*-end-*/

/*footer*/
footer {
	padding: 90px 10px 20px 10px;
	background: #323232 url(../images/footer_logo.png) 50% 25px no-repeat;
}
footer ul {
	display: none;
}
footer ul a {
	color: #949494;
}
footer .about {
	display: block;
}
footer .about {
	display: table;
	width: 100%;
}
footer .about li {
	display: table-cell;
	text-align: center;
}
footer .copyright, footer .qrcode {
	display: none;
}
/*end*/

@media all and (min-width: 640px) {
	header {
		position: relative;
	}
	header > div {
		max-width: 1190px;
		margin: 0 auto;
	}
	header .title {
		width: 170px;
		height: 60px;
		background: green;
	}

	header .header_main {
		position: relative;
		width: 1190px;
		margin: 0 auto;
	}
	header .header_main > div {
		display: inline-block;
	}
	
	header .header_main .selected a {
		border-bottom: 3px solid #fc8a10;
		padding-bottom: 13px;
	}
	header .user_menu {
		position: absolute;
		right: 10px;
		width: 120px;
		top: 6px;
		visibility: visible;
		text-align: center;
	}
	header .user_menu .login_before a {
		color: #fc8a10;
	}
	header .menu_wrap {
		box-shadow: 0px 0px 3px #ddd;
		opacity: 0;
	}
	header .menu li {
		display: inline-block;
		width: 100px;

		text-align: center;
	}
	header .search {
		width: 350px;
		height: 35px;
		position: relative;
		text-align: right;
	}
	header .search input {
		width:100px;
		height: 34px;
		text-indent: 10px;
		border-radius: 20px;
		font-size: 1.3rem;
		background: #f4f4f4;
	}
	header .search .move {
		width: 250px;
		transition: width .3s ease;
	}
	header .search .back {
		width: 100px;
		transition: width .3s ease;
	}
	header .user_center {
		display: block;
	}
	header .sub_menu {
		display: none;
	}
	header .search p {
		display: inline-block;
	}
	header .menu {
		display: block;
	}
	header .more {
		display: none;
	}
	header p.user_face {
		display: block;
		border: none;
	}
	header .menu_wrap {
		border: 1px solid #ddd;
		margin-left: -100px;
		background: #f9f8f6;
		position: absolute;
		left: 10px;
		top:-334px;
		font-size: 1.5rem;
		width: 200px;
		border-radius: 4px;
	}
	header .menu_wrap dl {
		background: #fff;
	}
	header .menu_wrap .user_center {
		border-bottom: 1px solid #ddd;
		margin: 0 10px;
	}
	header .menu_wrap .user_center a {
		padding: 12px 10px;
	}
	header .user_center:last-child {
		border: none;
	}
	header .menu_wrap {
		visibility: hidden;
	}
	header .user_menu:hover .menu_wrap {
		visibility: visible;
		top: 45px;
		opacity: 1;
		transition: top .3s ease, opacity .5s ease;
	}
	header .angle {
		top: -6px;
		right: 55px;
	}
	header .user_action {
		display: none;
	}
	header .login_before {
		display: block;
	}
    header h1 a {
        text-indent: -99999px;
        width: 100%;
        height: 60px;
        display: block;
    }
    header .header_main > div {
        margin-top: 7px;
    }
	footer .highlight {
		color: #fff;
		font-weight: bold;
	}
	footer ul {
		display: block;
	}
	footer .about li {
		display: block;
	}
	footer .wrapp {
		padding: 45px 0;
	}
	footer .wrapp > div {
		display: table;
		width: 100%;
		max-width: 1190px;
		margin: 0 auto;
		position: relative;
	}
	footer ul, footer .about {
		display: table-cell;
		width: auto;
	}
	footer .connect {
		color: #949494;
	}
	footer .about {
		width: 20%;
	}
	footer .copyright {
		display: block;
		color: #949494;
		background: #262626;
		font-size: 1.5rem;
		padding: 15px 0;
		color: #414141;
	}
	footer .copyright div {
		max-width: 1190px;
		margin: 0 auto;
	}
	footer .wrapp a {
		font-size: 1.4rem;
	}
	footer .connect, footer .qrcode {
		font-size: 1.4rem;
	}
	footer .connect li {
		margin-bottom: 5px;
	}
	footer .share {
		float: right;
		margin-right: 10px;
	}
	footer .share a {
		background: url(../images/UNDER-2.png) 0px 0px no-repeat;
		width: 25px;
		height: 25px;
		opacity: .5;
	}
	footer .share a:hover {
		opacity: 1;
		transition: opacity 1s ease;
	}
	footer .share .weixin {
		background: url(../images/UNDER-2.png) -38px 0px no-repeat;
	}
	footer .share .weibo {
		background: url(../images/UNDER-2.png) -75px 0px no-repeat;
	}
	footer {
		padding: 0;
		background-image: none;
	}
	footer .about li {
		text-align: left;
	}
	footer .qrcode {
		position: absolute;
		right: 20px;
		padding-top: 110px;
		display: block;
		color: #949494;
		background: url(../images/qrcode_100_100.jpg) 10px 0px no-repeat;
	}
	footer .desc {
		margin-left: 40px;
	}
}

/*more_bar*/
.more_bar {
    text-align: center;
    height: 60px;
    line-height: 4.5;
    color: #aaa;
    cursor: pointer;
    font-size: 1.4rem;
}
.more_bar:hover {
    background: #fff;

    transition: background .3s ease;
}

/*4个项目页面*/
.proList p {
    font-size: 1.5rem;
}
.nav_list .row li a {
	font-size: 1.5rem;
}
.contain p.count {
    font-size: 2rem;
}
.contain p.count em {
    font-size: 2rem;
}

@media all and (min-width: 640px) {
	.nav_list .row li a {
    	font-size: 1.4rem;
	}
	.nav_list .row nav {
  	  margin-left: 40px;
	}
	.head h3 {
		padding: 44px 0;
		font-size: 
	}
	.head h3 .count {
    	font-size: 5rem;
	}
}